// pages/record/record.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    count:1,
    active: 0,
    classrooms: [
      // 示例数据
      { id: 1, name: '101 教室', status: '空闲', usageTime: '全天', purpose: '课程教学',number:2 },
      { id: 2, name: '102 教室', status: '占用', usageTime: '9:00-11:00', purpose: '会议',number:2 },
      { id: 3, name: '103 教室', status: '空闲', usageTime: '8:00-10:00', purpose: '课程教学',number:3 },
      { id: 4, name: '201 教室', status: '占用', usageTime: '9:00-11:00', purpose: '会议',number:3 },
      { id: 5, name: '203 教室', status: '空闲', usageTime: '14:00-16:00', purpose: '会议',number:3 },
      { id: 6, name: '301 教室', status: '占用', usageTime: '19:00-21:00', purpose: '课程教学',number:4 },
      { id: 7, name: '305 教室', status: '空闲', usageTime: '10:00-12:00', purpose: '会议',number:4 },
      { id: 8, name: '306 教室', status: '占用', usageTime: '9:00-11:00', purpose: '课程教学',number:4 },
      { id: 9, name: '306 教室', status: '空闲', usageTime: '15:00-16:00', purpose: '会议',number:4 },
      { id: 10, name: '智慧教室01', status: '占用', usageTime: '18:00-19:00', purpose: '课程教学',number:1 },
      { id: 11, name: '智慧教室01', status: '空闲', usageTime: '20:00-21:00', purpose: '会议',number:1 },
      { id: 12, name: '智慧教室01', status: '空闲', usageTime: '9:00-11:00', purpose: '课程教学',number:1 },

      // 添加更多教室...
    ],
    showDetailPopup: false,
    selectedClassroom: null
  },
  // 切换标签
  onChange(e) {
    this.setData({
      active: e.detail
    });
    wx.showToast({
      title: `切换${e.detail.title}`,
      icon: 'none',
    });
  },
  //弹窗
  showDetail(e) {
    const index = e.currentTarget.dataset.index;
    const classroom = this.data.classrooms[index];
    this.setData({
      showDetailPopup: true,
      selectedClassroom: classroom
    });
  },
  // 关闭弹窗
  onCloseDetail() {
    this.setData({ showDetailPopup: false });
  },
  // 预约
  onReserve() {
    console.log('预约:', this.data.selectedClassroom);
    const classroom = this.data.selectedClassroom
    wx.setStorageSync('selectedClassroom', this.data.selectedClassroom)
    // 这里可以添加预约逻辑，比如发送请求到服务器
    this.onCloseDetail();
    wx.navigateTo({
      url: '/pages/Borrow_Key/Borrow_Key_borrow/Borrow_Key_borrow?data='+encodeURIComponent(JSON.stringify(classroom)),
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})